{% extends "panel.html" %}
{% block content %}
    <div class="login_panel">
        <form action="#" method="post" id="login_form" class="outlet" outlet="login_submit" methods="submit">
            Username:<br/>
            <input type="text" class="text" name="user" /><br/>
            Password:<br/>
            <input type="password" class="text" name="pswd" /><br/>
            <input type="submit" value="Sign in" />
            <div class="token"></div>
        </form>
        <h3 class="title">Login With:</h3>
        <a href="#google" class="button outlet" outlet="login_submit" methods="click">
            <img src="/img/auth/google.png" />
        </a>
        <a href="#facebook" class="button outlet" outlet="login_submit" methods="click">
            <img src="/img/auth/facebook.png" />
        </a>
        <a href="#twitter" class="button outlet" outlet="login_submit" methods="click">
            <img src="/img/auth/twitter.png" />
        </a>
        <a href="#yahoo" class="button outlet last" outlet="login_submit" methods="click">
            <img src="/img/auth/yahoo.png" />
        </a>
        <p>Not part of the game? <a href="#" class="outlet" outlet="user_register" methods="click">Join now!</a></p>
    </div>
{% endblock %}
